<!DOCTYPE html>
<html>

<head>
    <title>Example</title>
    <meta name="author" content="Adam Freeman" />
    <meta name="description" content="A simple example" />
    <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico">
    <!-- base元素设置基准url,将影响所有的相对URL -->
    <base href="">
</head>

<body>
    <form name="" id="voteform" target="_blank" autocomplete="off" action="../README.md" method="post">
        <!-- fieldset元素 对表单元素编组 
        添加legend元素 说明标签-->
        <fieldset>
            <legend>Enter Your Details</legend>
            <p><label for="name">Name: <input type="text" name="name" id="name"></label></p>
            <p><label for="name">City: <input type="text" name="city" id="city"></label></p>
        </fieldset>
        <!-- fieldset元素禁用整组input元素 -->
        <fieldset disabled>
            <legend>Vote For Your Three Favorite Fruits</legend>
            <p><label for="fave1">#1: <input type="text" name="fave1" id="fave1"></label></p>
            <p><label for="fave2">#2: <input type="text" name="fave2" id="fave2"></label></p>
            <p><label for="fave3">#3: <input type="text" name="fave3" id="fave3"></label></p>
        </fieldset>
        <!-- button默认type=submit提交表单 -->
        <button type="submit" formmethod="" formaction="">Submit Vote</button>
        <!-- reset重置表单 -->
        <button type="reset">Reset</button>
        <!-- button 一般button 不会做任何事情,可以用js改变其行为-->
        <button type="button">Nothing</button>
    </form>
    <!-- 可以卸载表单外，但是form属性要填写为对应表单的id值 -->
    <button type="reset" form="voteform">Outer Reset</button>
</body>

</html>